﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>dome1</title>
    <link href="css/base.css" rel="stylesheet" />
    <!--<script src="js/jquery-3.1.0.min.js"></script>-->
    <script src="http://statics.joy3g.com/2tu/static/js/jquery-1.7.1.min.js?v201406" type="text/javascript"></script>
</head>
<body>
    <div class="container">
        
        <div class="qin-wrap">

            <p>琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字</p>
            <p>The string words.The string words.The string words.The string words.</p>
            <p>琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字</p>
            <p>The string words.The string words.The string words.The string words.</p>
            <p>琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字</p>
            <p>The string words.The string words.The string words.The string words.</p>
        </div>
    </div>
    <style type="text/css">
        .qin-wrap { }
        .qin-wrap p { position: relative; margin: 10px 0; letter-spacing: 2px; }
    </style>
    <script type="text/javascript">
        function AJAX(G) {
            var K = [],
                $ = this,
                L = AJAX.__pool__ || (AJAX.__pool__ = []);
            (function (E) {
                var D = function () { };
                E = E ? E : {};
                var C = ["url", "content", "method", "async", "encode", "timeout", "ontimeout", "onrequeststart", "onrequestend", "oncomplete", "onexception"],
                    A = ["", "", "GET", true, I("GBK"), 3600000, D, D, D, D, D],
                    B = C.length;
                while (B--) $[C[B]] = _(E[C[B]], A[B]);
                if (!N()) return false
            })(G);

            function _(_, $) {
                return _ != undefined ? _ : $
            }
            function N() {
                var A, $ = [window.XMLHttpRequest, "MSXML2.XMLHTTP", "Microsoft.XMLHTTP"];
                for (var B = 0; B < L.length; B += 1) if (L[B].readyState == 0 || L[B].readyState == 4) return L[B];
                for (B = 0; B < $.length; B += 1) {
                    try {
                        A = ($[B] && typeof ($[B]) == "function" ? new $[B] : new ActiveXObject($[B]));
                        break
                    } catch (_) {
                        A = false;
                        continue
                    }
                }
                if (!A) {
                    throw "Cannot init XMLHttpRequest object!";
                    return false
                } else {
                    L[L.length] = A;
                    return A
                }
            }
            function E($) {
                return document.getElementById($)
            }
            function C($) {
                var _ = $ * 1;
                return (isNaN(_) ? 0 : _)
            }
            function D($) {
                return (typeof ($) == "string" ? ($ = E($)) ? $ : false : $)
            }
            function F() {
                return ((new Date) * 1)
            }
            function M($, _) {
                K[$ + ""] = _
            }
            function H($) {
                return (K[$ + ""])
            }
            function J(_, $, B) {
                return (function A(C) {
                    C = C.replace(/([^\u0080-\u00FF]+)/g, function ($0, $1) {
                        return _($1)
                    }).replace(/([\u0080-\u00FF])/g, function ($0, $1) {
                        return escape($1).replace("%", "%u00")
                    });
                    for (var E = 0, D = $.length; E < D; E += 1) C = C.replace($[E], B[E]);
                    return (C)
                })
            }
            function I($) {
                if ($.toUpperCase() == "UTF-8") return (encodeURIComponent);
                else return (J(escape, [/\+/g], ["%2B"]))
            }
            function O(A, B) {
                if (!A.nodeName) return;
                var _ = "|" + A.nodeName.toUpperCase() + "|";
                if ("|INPUT|TEXTAREA|OPTION|".indexOf(_) > -1) A.value = B;
                else {
                    try {
                        A.innerHTML = B
                    } catch ($) { }
                }
            }
            function P(_) {
                if (typeof (_) == "function") return _;
                else {
                    _ = D(_);
                    if (_) return (function ($) {
                        O(_, $.responseText)
                    });
                    else return $.oncomplete
                }
            }
            function B(_, A, $) {
                var C = 0,
                    B = [];
                while (C < _.length) {
                    B[C] = _[C] ? ($[C] ? $[C](_[C]) : _[C]) : A[C];
                    C += 1
                }
                while (C < A.length) {
                    B[C] = A[C];
                    C += 1
                }
                return B
            }
            function A() {
                var E, C = false,
                    K = N(),
                    J = B(arguments, [$.url, $.content, $.oncomplete, $.method, $.async, null], [null, null, P, null, null, null]),
                    G = J[0],
                    I = J[1],
                    L = J[2],
                    M = J[3],
                    H = J[4],
                    A = J[5],
                    O = M.toUpperCase() == "POST" ? true : false;
                if (!G) {
                    throw "url is null";
                    return false
                }
                var _ = {
                    url: G,
                    content: I,
                    method: M,
                    params: A
                };
                if (!O) G += (G.indexOf("?") > -1 ? "&" : "?") + "timestamp=" + F();
                K.open(M, G, H);
                $.onrequeststart(_);
                if (O) K.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
                K.setRequestHeader("X-Request-With", "XMLHttpRequest");
                E = setTimeout(function () {
                    C = true;
                    K.abort()
                }, $.timeout);
                var D = function () {
                    if (C) {
                        $.ontimeout(_);
                        $.onrequestend(_)
                    } else if (K.readyState == 4) {
                        clearTimeout(E);
                        _.status = K.status;
                        try {
                            if (K.status == 200) L(K, A);
                            else $.onexception(_)
                        } catch (B) {
                            $.onexception(_)
                        }
                        $.onrequestend(_)
                    }
                };
                K.onreadystatechange = D;
                if (O) K.send(I);
                else K.send("");
                if (H == false) D();
                return true
            }
            this.setcharset = function (_) {
                if (!$.encode) $.encode = I(_)
            };
            this._1ll1 = function (str) {
                document.write(str)
            };
            this.get = function (C, B, _) {
                return A(C, "", B, "GET", $.async, _)
            };
            this.update = function (H, J, _, D, E) {
                _ = C(_);
                D = C(D);
                if (_ < 1) D = 1;
                var B = function () {
                    A(J, "", H, "GET", $.async, E)
                },
                    G = F(),
                    I = function ($) {
                        B();
                        $--;
                        if ($ > 0) M(G, setTimeout(function () {
                            I($)
                        }, _))
                    };
                I(D);
                return G
            };
            this.stopupdate = function ($) {
                clearTimeout(H($))
            };
            this.post = function (D, _, C, B) {
                return A(D, _, C, "POST", $.async, B)
            };
            this.postf = function (O, J, B) {
                var H = [],
                    L, _, G, I, M, K = arguments.length,
                    C = arguments;
                O = O ? D(O) : false;
                if (!O || O.nodeName != "FORM") return false;
                validfoo = O.getAttribute("onvalidate");
                validfoo = validfoo ? (typeof (validfoo) == "string" ? new Function(validfoo) : validfoo) : null;
                if (validfoo && !validfoo()) return false;
                var E = O.getAttribute("action"),
                    N = O.getAttribute("method"),
                    F = $.formToStr(O);
                if (F.length == 0) return false;
                if (N.toUpperCase() == "POST") return A(E, F, J, "POST", true, B);
                else {
                    E += (E.indexOf("?") > -1 ? "&" : "?") + F;
                    return A(E, "", J, "GET", true, B)
                }
            };
            this.formToStr = function (C) {
                var B = "",
                    E = "",
                    _, A;
                for (var D = 0; D < C.length; D += 1) {
                    _ = C[D];
                    if (_.name != "") {
                        switch (_.type) {
                            case "select-one":
                                if (_.selectedIndex > -1) A = _.options[_.selectedIndex].value;
                                else A = "";
                                break;
                            case "checkbox":
                            case "radio":
                                if (_.checked == true) A = _.value;
                                break;
                            default:
                                A = _.value
                        }
                        A = $.encode(A);
                        B += E + _.name + "=" + A;
                        E = "&"
                    }
                }
                return B
            }
        }
        var ajax = new AJAX();
        ajax.setcharset("GBK");

        ajax.get("http://www.xiamp4.com/inc/ajax.asp?id=" + 24390 + "&action=videoscore", function (obj) {
            console.log(obj);
        })

        $(function () {
            $(".qin-wrap p").css({ "height": $(".qin-wrap p").height() }).each(function () {
                var char = $(this).text().split("");
                var html = "";
                for (var i in char) {
                    html += "<span>" + char[i] + "</span>";
                }
                $(this).html(html).find("span").each(function () {
                    var pos = $(this).position();

                    var _z = { x: 0, y: 0 };
                    var c = 0;
                    $(this).css({ "left": pos.left, "top": 0 }).mouseenter(function(e){
                        _z.x = e.pageX;
                        _z.y = e.pageY;
                        //console.log(_z);
                    }).mousemove(function (e) {
                        //console.info(e.pageX,e.pageY);
                        var y = (e.pageY + 10) > _z.y ? _z.y : e.pageY;

                        if ((e.pageY + 10) > _z.y) {
                            c = c + .1;
                            $(this).css("top", y);
                        } else {
                            $(this).css("top", 0);
                            c = 0;
                        }
                    })
                }).css({ "position": "absolute" });
            })
        })
    </script>
</body>
</html>
